<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数的使用</title>
    <style></style>
</head>
<body>
<!--
    css   javascript    脚本  嵌入在网页中使用
    标签内      css  js只在某处去使用
    内部        style  script    在页面中多个位置都需要使用时
    独立文件    在多个页面中都需要    编写的css样式 和js代码比较多时
-->
<button>普通按钮</button>
<script>
    /*
    * 直接编写在script标签内部的代码 在网页被加载时 会自动执行
    *
    * 函数中编写的代码 需要调用后才会执行    代码复用
    * 定义函数:
    *   function 函数名([参数列表]){
    *
    *     业务代码
    * }
    * */
    // 定义函数   print_info  声明式
    function print_info() {
        // 业务代码
        console.log('hello')
    }

    //  调用函数
    print_info()

    // 通过表达式形式 定义函数   匿名函数
    var fn = function () {
        console.log('这是一个匿名函数')
    }
    // 函数调用
    fn()





</script>

</body>
</html>